<script setup>
import { computed, onMounted, onUpdated, reactive, ref } from 'vue';
import Layout from './views/Layout.vue';
import MHome from './app/MHome.vue';
// 获取窗口大小,如果窗口宽度小于768px，则跳转到移动端页面
const width = window.innerWidth
// 监听窗口变化
const count = ref(0)
const flag = ref(false)
if (width < 768) {
  flag.value = true
  setTimeout(() => {
    flag.value = false
  },3000)
} else {
  flag.value = false
}



</script>

<template>
  <Layout v-if="!flag" />
  <MHome v-if="flag"></MHome>
</template>

<style lang="scss" scoped>
body {
  margin: 0;
  padding: 0;
  font-family: 'Noto Sans JP', sans-serif;
  background-color: #fff;
}
</style>